body {
    font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
}

#content {
    margin: 5em auto;
    width: 40em;
}



fieldset input {
    margin: 0.6em 0;
}

fieldset {
	padding:5px 0 15px 20px;
	border: 1px solid #ccc;
	clear:both;
	width: 25em;
}

legend {
	font-size:1.3em;
	font-weight:bold;
	padding:10px;
	margin:0px;
}


.fieldError {
    color: red;
}


html {
	height: 100%;
}
body {
	background:url(/static/images/bkg.gif);
	font-family: Trebuchet MS, Arial, Times New Roman;
	font-size: 12px;
	height: 100%;
}

#container {
   position: relative;
   min-height: 100%;
   _height: 100%;
   height: auto !important;
   margin: 0 auto -30px;
}

#header {
	position: absolute;
	margin-top: 10%;
	margin-left: 5%;
	background: white;
	height: 15%;
	width: 90%;
}

#leftcontent { 
	position: absolute;
	margin-top: 28%; 	
	margin-left: 5%;
	width: 55%; 
	height: 60%;
	background-color: white;  
}

#rightcontent { 
	position: absolute;
	margin-top: 28%; 	
	margin-left: 62%;
	width: 33%; 
	height: 60%;
	background-color: white;  
}


#leftadmincontent { 
	position: absolute;
	margin-top: 10%; 	
	margin-left: 5%;
	width: 26%; 
	height: 78%;
	background-color: white;  
}

#rightadmincontent { 
	position: absolute;
	margin-top: 10%; 	
	margin-left: 32%;
	width: 63%; 
	height: 78%;
	background-color: white;  
}

#usercontent { 
	margin-top: 6%; 	
	margin-left: 5%;
	margin-bottom:-3%;
	width: 90%; 
	min-height:70%;
	_height:78%;
	background-color: white;  
	padding-bottom:30px;
	height: auto !important;
}

/*This is for scrolling footer*/
.footer {
	width: 90%;
	margin: 40px auto 10px;
	text-align: center;
	clear: both;
	height: 30px;
	background-color: white;
}

#logininfo {text-align:right; width:100%; color:#fff; margin:0; padding:4px 0 4px 0; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px;}
#logininfo strong {margin-right:12px;}
#logininfo a {color:white; text-decoration:none; margin-left:12px; margin-right:12px;}
#logininfo a:hover {color:red; text-decoration:underline; margin-left:12px; margin-right:12px;}


#footer {
	position: absolute; 
	margin-top: 90%; 	
	margin-left: 5%;
	width: 90%; 
	height: 3%;
	background-color: white;
}

#adminmenunav { border-left:1px solid #aad2da; border-right:1px solid #aad2da; background-color:#fff;}
#adminmenunav li{background-color:#fff; border-bottom:1px dotted #c6e9f0; padding:6px 2px 6px 15px;}
#adminmenunav li a {text-decoration:none; font-family:"Lucida Sans Unicode"; font-size:13px; color:#0f2a2f; font-weight:normal;}
#adminmenunav li a:hover {text-decoration:underline;}
#adminmenunav li.active a{background:"green" no-repeat top left;margin-left:-12px; margin-top:4px; padding-left:14px;}

/*- Menu Tabs E--------------------------- */
#tabsnav {
  margin-top:0%;
  float:left;
  width:95.6%;
  background:#E3ECF3;
  font-size:93%;
  line-height:normal;
}
#tabsnav ul {
  margin:0;
  padding:10px 10px 0 50px;
  list-style:none;
  }
#tabsnav li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabsnav a {
  float:left;
  background:url("images/tableft5.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabsnav a span {
  float:left;
  display:block;
  background:url("images/tabright5.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#FFF;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsnav a span {float:none;}
/* End IE5-Mac hack */
#tabsnav a:hover span {
  color:#FFF;
  }
#tabsnav a:hover {
  background-position:0% -42px;
  }
#tabsnav a:hover span {
  background-position:100% -42px;
  }  
 
  

.fieldset {
	width:300px; }
.fieldset .label {
	text-align:right;
	width:70px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; }
.fieldset .nobr {
	display:none; }
	  
.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px; }



table {
	border: 1px solid #ccc;
	clear:both;
	cellpadding:0px;
	cellspacing:0;
}

td{
	border: 1px solid #ccc;	
}


caption {
    font-size:1.3em;
	font-weight:bold;
	text-align:center;
}

	
#tablePadding, form #buttonTable {
    width:70%;
margin-left:auto;
margin-right:auto;
}

#main #matrixTablePadding {
    width:90%;
margin-left:auto;
margin-right:auto;
}


#main #matrixTablePadding .matrix-table-css
{
border-collapse:collapse;
}

.matrix-table-css-td 
{
font-size:1.2em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}

#matrix-table-css td, #matrix-table-css th 
{
font-size:1.2em;
width:10px;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#matrix-table-css th 
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#matrix-table-css tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}



#table-css
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
    	
}
#table-css td, #table-css th 
{
font-size:0.8em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#table-css th 
{
font-size:1.4em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#fff;
}
#table-css tr.alt td 
{
color:#000;
background-color:#EAF2D3;
}

#createPoolButton{
clear:both;
height:108px;
border:1px;
text-decoration:none;
cursor:pointer;
width:300px;
margin-left:8px;
background:url(/static/images/CreatePool2.gif);
float:center;
}	

#joinPoolButton{
clear:both;
height:108px;
border:1px;
text-decoration:none;
cursor:pointer;
width:300px;
margin-left:8px;
background:url(/static/images/JoinPool3.gif);
float:center;
}

#userStandingButton{
clear:both;
height:60px;
border:1px;
text-decoration:none;
cursor:pointer;
width:300px;
margin-left:8px;
background:url(/static/images/UserStandings.gif);
float:left;
}

#userMatrixButton{
clear:both;
height:60px;
border:1px;
text-decoration:none;
cursor:pointer;
width:300px;
margin-left:8px;
background:url(/static/images/UserMatrix.gif);
float:right;
}

#submitButton{
clear:both;
height:40px;
border:1px;
text-decoration:none;
cursor:pointer;
width:120px;
margin-left:8px;
background:url(/static/images/submitButton.gif);
float:center;
}

#joinButton{
clear:both;
height:40px;
border:1px;
text-decoration:none;
cursor:pointer;
width:120px;
margin-left:8px;
background:url(/static/images/joinButton.gif);
float:center;
}

#createButton{
clear:both;
height:40px;
border:1px;
text-decoration:none;
cursor:pointer;
width:120px;
margin-left:8px;
background:url(/static/images/createButton.gif);
float:center;
}

#curvex{
	align:center;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	}

.curved-box
    {
    width:389px;
   	margin-left:auto;
	margin-right:auto; 
    background-color: #EAF2D3;
    align:center;
}

.curved-box h1{
	text-align:center;
	   	margin-left:auto;
	margin-right:auto; 
	}
	
.curved-box h3{
	text-align:center;
	   	margin-left:auto;
	margin-right:auto; 
	}
	
.curved-box h2
    {
    background: #EAF2D3 url(/static/images/top-curved-4.gif) no-repeat left top;
    color: #202513;
    padding: 10px 15px 5px 15px;
    align:center;
}

.curved-box p
    {
    background: #EAF2D3 url(/static/images/bottom-curved-4.gif) no-repeat left bottom;
    color: #202513;
    padding: 5px 15px 10px 15px;
    text-align: center;
}

.curved-box a{
	color: #202513;
	font-family:'Comic sans MS'.'Arial';
	text-align:center;
	font-size:150%;
	font-weight:bold;
}

#buttonTable {
    width:100%;
    border-collapse:collapse;    
    border:0px;
}

#buttonTable td, #buttonTable th{
	border:0px;
	
}

#inputBox, form #inputBox{
	align:center;
	color: #202513;
	font-family:'Comic sans MS'.'Arial';
	text-align:center;
	font-size:120%;
	font-weight:bold;
	
}

#text-green{
	color: #202513;
	font-family:'Comic sans MS'.'Arial';
	text-align:center;
	font-size:150%;
	font-weight:bold;
}

.textAreaClass{
	width:340;
	height:50;
	}
	
.inputArea
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    padding: 2px;
}

.tableInTd, .alt.tableInTd{
    border-collapse:collapse;    
    border:0px;
    width:100%;
}

#table-css  .tdColor , #table-css .alt  .tdColor{
	background-color:orange;
	}